<template>
  <div>
    <el-menu
      :default-active="activeIndex"
      class="el-menu-demo el-menu-bar"
      mode="horizontal"
      style="width:90%;margin:auto;"
      router
    >
      <el-menu-item index="/subject">题目描述</el-menu-item>
      <el-menu-item index="/solution">官方题解</el-menu-item>
      <el-menu-item index="/result">提交</el-menu-item>
      
    </el-menu>
  </div>
</template>

<script>
export default {
  naem: "subjectBar",
  data() {
    return {
      activeIndex: "/subject",
    };
  },
};
</script>

<style>
.el-menu-bar{
    margin-top: -15px !important; 
    background: #ccc;
    margin-bottom: 10px !important;
    height: 50px !important;
}
.el-menu-item.is-active {
    font-style: normal;
    height: 53px;
}
</style>
